@charset "UTF-8";
@import "../common/_functions.scss";
@import "../common/_variables.scss";

.promotion {
    margin-top: px2rem(20);
    background-color: $_fff;
    .promotion-goods {
        padding: px2rem(30) px2rem(30) px2rem(28);
        .horizontal-view {
            display: flex;
            justify-content: space-around;
            .goods-item {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
                max-width: px2rem(220);
                position: relative;
                .goods-pic {
                    width: px2rem(220);
                    height: px2rem(220);
                }
                //from ../good_list.scss
                .left-top-flag {
                    position: absolute;
                    font-size: px2rem(24);
                    line-height: px2rem(30);
                    padding-left: px2rem(5);

                    color: #fff;
                    background-color: $_ee898d;

                    &:after
                    {
                        font-size: 0;
                        width: 0;
                        height: 0;
                        content: "";
                        background-color: #fff;

                        color: $_ee898d;
                        border-left: px2rem(15) solid currentColor;
                        border-top: px2rem(15) solid currentColor;
                        border-right: px2rem(15) solid transparent;
                        border-bottom: px2rem(14.6) solid currentColor;
                        position: absolute;
                    }
                }
                .name {
                    max-width: px2rem(220);
                    font-size: px2rem(24);
                    color: $_333;
                    line-height: px2rem(32);
                    height: px2rem(32*2);
                    overflow: hidden;
                }
                .price {
                    max-width: px2rem(220);
                    font-size: px2rem(22);
                    color: $_333;
                    span {
                        font-size: px2rem(28);
                        color: $_e51c23;
                    }
                    .add {
                        font-size: px2rem(36);
                        color: $_666;
                        margin: 0 px2rem(5);
                    }
                }
                .market {
                    max-width: px2rem(220);
                    font-size: px2rem(24);
                    color: $_999;
                    text-decoration: line-through;
                }
            }
        }
    }
}